<template>
  <div>
    <CloudButton @click="clickBtn">confirm</CloudButton>
    <CloudButton @click="clickBtn1">success</CloudButton>
    <CloudButton @click="clickBtn2">error</CloudButton>
    <CloudButton @click="clickBtn3">warning</CloudButton>
    <CloudButton @click="clickBtn4">info</CloudButton>
  </div>
</template>

<script>
export default {
  title: '1.基础用法',
  data() {
    return {
      
    }
  },
  methods: {
    clickBtn() {
      this.$cloudConfirm.confirm({
        content: 'confirm'
      });
    },
    clickBtn1() {
      this.$cloudConfirm.success({
        content: 'success'
      });
    },
    clickBtn2() {
      this.$cloudConfirm.error({
        content: 'error'
      });
    },
    clickBtn3() {
      this.$cloudConfirm.warning({
        content: 'warning'
      });
    },
    clickBtn4() {
      this.$cloudConfirm.info({
        content: 'info'
      });
    },
  }
}
</script>

<style lang="scss">
</style>